<link rel="stylesheet" href="StaticResource/AmazeUI/css/amazeui.min.css" />
<link rel="stylesheet" href="StaticResource/AmazeUI/css/amazeui.datatables.min.css" />
<link rel="stylesheet" href="StaticResource/AmazeUI/css/app.css">
<script src="StaticResource/Common/jquery-1.10.2.min.js"></script>
<script src="StaticResource/Common/jquery.md5.js"></script>

<script src="StaticResource/AmazeUI/js/amazeui.min.js"></script>
<script src="StaticResource/AmazeUI/js/amazeui.datatables.min.js"></script>
<script src="StaticResource/AmazeUI/js/dataTables.responsive.min.js"></script>
<script src="StaticResource/Common/Index.js"></script>
<script src="StaticResource/Common/Form.js"></script>
<script src="StaticResource/Common/Core.js"></script>
<div class="row-content am-cf">
	<div class="row">
		<div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
			<div class="widget am-cf">
				<div class="widget-head am-cf">
					<div class="widget-title am-fl">用户管理</div>
					<div class="widget-function am-fr">
						<a href="javascript:;" class="am-icon-cog"></a>
					</div>
				</div>
				<div class="widget-body am-fr">

					<form id="form" class="am-form">
						<div class="am-g">
							<div class="am-u-sm-4 am-u-lg-4">

								<div class="am-form-group">
									<label for="name">用户名</label>
									<input type="text" autocomplete="off" name="name" placeholder="请输入用户名" required="required" minlength="3">
								</div>

								<div class="am-form-group">
									<label for="password">密码</label>
									<input type="password" autocomplete="off"  name="password" placeholder="请输入密码" required="required" minlength="3">
								</div>

								<div class="am-form-group">
									<label for="email">邮箱</label>
									<input type="text" autocomplete="off"  name="email" placeholder="请输入密码" required="required" minlength="3">
								</div>

								<div class="am-form-group">
									<label for="isActive">是否激活</label><br>
									<select name="isActive" data-am-selected required>
										<option value="1">是</option>
										<option value="0">否</option>
									</select>
								</div>

								<div class="am-form-group">
									<label for="status">状态</label><br>
									<select name="status" data-am-selected required>
										<option value="1">正常</option>
										<option value="0">禁用</option>
									</select>
								</div>

								<script>
									$(function() {
										// 使用默认参数
										$('select').selected();

										// 设置参数
										$('select').selected({
											btnWidth: '300px',
											btnSize: 'sm',
											btnStyle: 'primary',
											maxHeight: '100px'
										});
										//表单校验
										$('#form').validator();
										
										$("#submit_btn").SubmitForm("api/User/Add");
									});
								</script>

								<div class="am-form-group">
									<button id="submit_btn" type="submit" class="am-btn am-btn-primary tpl-btn-bg-color-success ">提交</button>
								</div>
								
							</div>
						</div>

					</form>
				</div>
			</div>
		</div>
	</div>

</div>